<!DOCTYPE html>
<html lang="en">

<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>课堂笔记</title>
    <style>
        * {
            font-size: 20px;
        }
    </style>
    <link rel="stylesheet" href="../style/step1.css">
    <link rel="stylesheet" href="../style/step2.css">
    <link rel="stylesheet" href="../style/step3.css">
    <link rel="stylesheet" href="../style/step4.css">
    <link rel="stylesheet" href="../style/step5.css">
    <link rel="stylesheet" href="../style/step6.css">
    <link rel="stylesheet" href="../style/step7.css">
    <link rel="stylesheet" href="../style/step8.css">
    <link rel="stylesheet" href="../style/step9.css">
    <link rel="stylesheet" href="../style/step10.css">
    <link rel="stylesheet" href="../style/step11.css">
    <link rel="stylesheet" href="../style/step12.css">
    <link rel="stylesheet" href="../style/step13.css">
    <link rel="stylesheet" href="../style/step14.css">
    <link rel="stylesheet" href="../style/step15.css">
    <link rel="stylesheet" href="../style/step16.css">
    <link rel="stylesheet" href="../style/step17.css">
    <link rel="stylesheet" href="../style/step18.css">
    <link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/animate.css/4.1.1/animate.min.css">
</head>

<body>
    <header class="nav">
        <div class="container container-flex">
            <ul>
                <a href="index.html" class="nav-link site-title"><li>首页</li></a>
            </ul>
            <ul>
                <a href="resume.html" class="nav-link objection"><li>个人简历</li></a>
                <a href="dailynote.html" class="nav-link objection"><li>学习笔记</li></a>
                <a href="#" class="nav-link objection"><li>项目经验</li></a>
            </ul>
        </div>
    </header>
    <h1>
        今日课堂内容
    </h1>
    <p>
        HTML入门语法
    </p>
    <ul>
        <li>title:更改网页标题</li>
        <li>p:重启段落</li>
        <li>br:换行</li>
        <li>a:超链接</li>
        <ul>
            <li>href:超链接目标</li>
        </ul>
    <li>ol:有序列表</li>
    <li>ul:无序列表</li>
        <ul>
            <li>li:列表内容</li>
            <li>type:标记样式</li>
        </ul>
     <li>img:插入图片</li>
        <ul>
            <li>src:图片源</li>
            <li>width:图片宽度</li>
            <li>alt:备用内容</li>
        </ul>
    <li>table:表格</li>
        <ul>
            <li>border:边框宽度</li>
            <li>tr:生成行</li>
            <ul>
                <li>td:生成列</li>
                <li>align:对齐方式</li>
                <li>colspan:占行数</li>
                <li>rowspan:占列数</li>
            </ul>
        </ul>
    </ul>
    <img src="shot.png" width="800">
</body>

</html>